<!--suppress HtmlUnknownAttribute -->

  <md-toolbar color="primary">
    <!--<i class="material-icons">navigate_before</i>-->
    <button md-button (click)="goBack()" class="example-icon">
      <md-icon>navigate_before</md-icon>
    </button>
    <span class="example-spacer"></span>
    <button md-button class="example-icon">
      <md-icon >favorite</md-icon>
    </button>
    <button md-button class="example-icon">
      <md-icon>delete</md-icon>
    </button>

  </md-toolbar>

  <md-card *ngIf="pendingTask">
    <md-card-header>
      <div md-card-avatar><md-icon>person</md-icon></div>
      <md-card-title>
        客户姓名: <span>{{pendingTask.name}}</span>
      </md-card-title>
      <md-card-subtitle>
        客户编号: <span>{{pendingTask.no}}</span>
      </md-card-subtitle>
    </md-card-header>

    <md-card-content>

      <p>客户详细信息...todo</p>

    </md-card-content>

    <md-card-actions>

      <button color="accent" md-button (click)="modifiesStatus()">拍照</button>
      <button color="accent" md-button (click)="modifiesStatus()">录音</button>
      <button color="accent" md-button (click)="modifiesStatus()">家访报告</button>
      <button color="accent" md-button (click)="modifiesStatus()">客户信息</button>
    </md-card-actions>

  </md-card>


  <div>
    <app-image-picker></app-image-picker>
  </div>

  <gallery [flexBorderSize]="3"
           [flexImageSize]="7"
           (viewerChange)="viewerChange($event)">
  </gallery>


